<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="author" content="94hi.tw">
    <meta name="copyright" content="Copyright (c) 94hi.tw">
    <meta name="description" content="94hi.tw就是嗨！">
    <meta name="keywords" content="94hi,94hi.tw,94hi.tw就是嗨！">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="MobileOptimized" content="320">
    <meta name="format-detection" content="telephone=no, address=no, email=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-touch-fullscreen" content="yes" />
    <title>購點儲值：兌換遊戲點數 Step1</title>
    <link rel="stylesheet" href="../../assets/css/core.css">
    <link rel="stylesheet" href="../../assets/css/ui-form.css">
    <link rel="stylesheet" href="../../assets/css/ui-dialog.css">
    <link rel="stylesheet" href="../../assets/css/member.css">
    <link rel="stylesheet" href="../../assets/css/purchase.css">
</head>
<body>
    <header>
        <div class="header">
            <h1 class="logo">
                <a href="../../index.html">94hi.tw就是嗨！</a>
            </h1>

            <ul class="nav">
                <li>
                    <a href="../../index.html">首頁</a>
                </li>
                <li>
                    <a href="../../preorder.html">遊戲預購</a>
                </li>
                <li>
                    <a href="../../games/all.html">遊戲大廳</a>
                </li>
                <li>
                    <a href="../../member.html">會員中心</a>
                </li>
                <li class="current">
                    <a href="step1.html">購點儲值</a>
                </li>
                <li>
                    <a href="../../cs/help.html">客戶服務</a>
                </li>
            </ul>

            <div class="user">
                <!-- 未登入 -->
                <div class="user-unlogin">
                    <a href="../../login/password.html">登入</a>
                    <a href="../../join/phone.html">註冊</a>
                </div>

                <!-- 已登入 -->
                <!-- <div class="user-logined" id="j-user-logined">
                    <a href="javascript:;" class="user-name">漲帳戶姓名</a>

                    <ul class="user-menu">
                        <li>咪曉那</li>
                        <li>
                            <a href="">我的帳號</a>
                        </li>
                        <li>
                            <a href="">會員任務</a>
                        </li>
                        <li>
                            <a href="">會員月卡</a>
                        </li>
                        <li>
                            <a href="">會員季卡</a>
                        </li>
                        <li>
                            <a href="">切換會員帳號</a>
                        </li>
                    </ul>
                </div> -->
            </div>
        </div>

        <div class="page-header">
            <div class="page-header-con con">
                <h2 class="page-title">購點儲值</h2>

                <ul class="page-nav">
                    <li>
                        <a href="../platform/step1.html">儲值到平台</a>
                    </li>
                    <li>
                        <a href="../games/step1.html">儲值到遊戲</a>
                    </li>
                    <li class="current">
                        <a href="../exchange/step1.html">兌換遊戲點數</a>
                    </li>
                    <li>
                        <a href="../transfer/step1.html">帳號點數轉點</a>
                    </li>
                    <li>
                        <a href="../sn/exchange.html">序號兌換</a>
                    </li>
                    <li>
                        <a href="../record.html">儲值消費記錄</a>
                    </li>
                </ul>
            </div>
        </div>
    </header>

    <main>
        <div class="main purchase">
            <section class="purchase-hd">
                <ul class="purchase-steps con">
                    <!--
                        completed 已完成步驟樣式
                        active 當前步驟樣式
                    -->
                    <li class="purchase-step step-1 active">
                        <div class="step-con">
                            <b class="step-num">1</b>
                            <strong class="step-text">選擇遊戲、兌換方式、付款面額</strong>
                        </div>
                    </li>

                    <li class="purchase-step step-2">
                        <div class="step-con">
                            <b class="step-num">2</b>
                            <strong class="step-text">請確認付款資訊</strong>
                        </div>
                    </li>

                    <li class="purchase-step finish">
                        <div class="step-con">
                            <b class="step-num">3</b>
                            <strong class="step-text">完成兌換，獲得點數</strong>
                        </div>
                    </li>
                </ul>
            </section>

            <section class="purchase-bd step-1 con con-bg">
                <section class="purchase-sec">
                    <div class="sec-hd">
                        <h3 class="con-title">請選擇遊戲</h3>
                    </div>
                    <div class="sec-bd">
                        <ul class="purchase-games">
                            <li class="purchase-game">
                                <input type="radio" name="purchasePayGame" id="purchasePayGame_1" value="1" checked>
                                <label for="purchasePayGame_1">
                                    <strong>新！進擊吧三國</strong>
                                </label>
                            </li>
                            <li class="purchase-game">
                                <input type="radio" name="purchasePayGame" id="purchasePayGame_2" value="2">
                                <label for="purchasePayGame_2">
                                    <strong>新！進擊吧三國</strong>
                                </label>
                            </li>
                            <li class="purchase-game">
                                <input type="radio" name="purchasePayGame" id="purchasePayGame_3" value="3">
                                <label for="purchasePayGame_3">
                                    <strong>新！進擊吧三國新！進擊吧三國</strong>
                                </label>
                            </li>
                            <li class="purchase-game">
                                <input type="radio" name="purchasePayGame" id="purchasePayGame_4" value="4">
                                <label for="purchasePayGame_4">
                                    <strong>新！進擊吧三國</strong>
                                </label>
                            </li>
                            <li class="purchase-game">
                                <input type="radio" name="purchasePayGame" id="purchasePayGame_5" value="5">
                                <label for="purchasePayGame_5">
                                    <strong>新！進擊吧三國</strong>
                                </label>
                            </li>
                            <li class="purchase-game">
                                <input type="radio" name="purchasePayGame" id="purchasePayGame_6" value="6">
                                <label for="purchasePayGame_6">
                                    <strong>新！進擊吧三國</strong>
                                </label>
                            </li>
                            <li class="purchase-game">
                                <input type="radio" name="purchasePayGame" id="purchasePayGame_7" value="7">
                                <label for="purchasePayGame_7">
                                    <strong>新！進擊吧三國新！進擊吧三國</strong>
                                </label>
                            </li>
                            <li class="purchase-game">
                                <input type="radio" name="purchasePayGame" id="purchasePayGame_8" value="8">
                                <label for="purchasePayGame_8">
                                    <strong>新！進擊吧三國</strong>
                                </label>
                            </li>
                        </ul>

                        <form action="" class="purchase-form ui-form" name="purchaseGameServerInfo" id="purchaseGameServerInfo">
                            <section class="purchase-form-row ui-form-row ui-form-item">
                                <div class="ui-form-item-bd">
                                    <div class="ui-form-select">
                                        <select name="" id="" required>
                                            <option value="" selected>選擇伺服器</option>
                                            <option value="1">一、桃園結義</option>
                                            <option value="2">二、單刀赴會</option>
                                            <option value="2">二、單刀赴會</option>
                                            <option value="2">二、單刀赴會</option>
                                            <option value="2">二、單刀赴會</option>
                                        </select>
                                    </div>
                                    <div class="ui-form-item-msg">
                                        <!-- <p></p> -->
                                    </div>
                                </div>
                            </section>

                            <section class="purchase-form-row ui-form-row ui-form-item">
                                <div class="ui-form-item-bd">
                                    <div class="ui-form-select">
                                        <select name="" id="" required>
                                            <option value="" selected>請選擇角色</option>
                                            <option value="1">咪曉那</option>
                                            <option value="2">大米吃小米</option>
                                            <option value="2">大米吃小米</option>
                                        </select>
                                    </div>
                                    <div class="ui-form-item-msg">
                                        <!-- <p></p> -->
                                    </div>
                                </div>
                            </section>
                        </form>
                    </div>
                </section>

                <section class="purchase-sec">
                    <div class="sec-hd">
                        <h3 class="con-title">請選擇兌換方式</h3>
                    </div>
                    <div class="sec-bd">
                        <ul class="purchase-exchange-ways purchase-payways">
                            <li class="purchase-payway">
                                <input type="radio" name="purchasePayway" id="purchasePayway_1" value="1" checked>
                                <label for="purchasePayway_1">
                                    <strong>平台點數</strong>
                                </label>
                            </li>
                            <li class="purchase-payway">
                                <input type="radio" name="purchasePayway" id="purchasePayway_2" value="2">
                                <label for="purchasePayway_2">
                                    <strong>紅利</strong>
                                </label>
                            </li>
                        </ul>

                        <div class="sec-tip">您目前擁有：<b>1,035</b> 紅利</div>
                    </div>
                </section>

                <section class="purchase-sec">
                    <div class="sec-hd">
                        <h3 class="con-title">請選擇購買面額</h3>
                    </div>
                    <div class="sec-bd">
                        <ul class="purchase-pay-list">
                            <li class="purchase-pay-item">
                                <input type="radio" name="purchasePayItem" id="purchasePayItem_1" value="1" checked>
                                <label for="purchasePayItem_1">
                                    <b class="money">100 點</b>
                                    <strong class="desc">獲得 100 元寶</strong>
                                </label>
                            </li>
                            <li class="purchase-pay-item">
                                <input type="radio" name="purchasePayItem" id="purchasePayItem_2" value="2">
                                <label for="purchasePayItem_2">
                                    <b class="money">250 點</b>
                                    <strong class="desc">獲得 250 元寶</strong>
                                </label>
                            </li>
                            <li class="purchase-pay-item">
                                <input type="radio" name="purchasePayItem" id="purchasePayItem_3" value="3">
                                <label for="purchasePayItem_3">
                                    <b class="money">500 點</b>
                                    <strong class="desc">獲得 500 元寶</strong>
                                </label>
                            </li>
                            <li class="purchase-pay-item">
                                <input type="radio" name="purchasePayItem" id="purchasePayItem_4" value="4">
                                <label for="purchasePayItem_4">
                                    <b class="money">1,000 點</b>
                                    <strong class="desc">獲得 1,000 元寶</strong>
                                </label>
                            </li>
                            <li class="purchase-pay-item">
                                <input type="radio" name="purchasePayItem" id="purchasePayItem_5" value="5">
                                <label for="purchasePayItem_5">
                                    <b class="money">2,000 點</b>
                                    <strong class="desc">獲得 2,000 元寶</strong>
                                </label>
                            </li>
                        </ul>

                        <div class="sec-tip">
                            ★ 欲儲值超過 NT$ 20,000，可聯繫客服人員享有 VIP 儲值回饋！
                        </div>
                    </div>
                </section>

                <section class="purchase-button purchase-sec">
                    <a href="step2.html" class="ui-button next">下一步</a>
                </section>
            </section>
        </div>
    </main>

    <footer>
        <section class="footer">
            <div class="footer-con">
                <h2 class="footer-logo">94hi.tw就是嗨！</h2>

                <ul class="footer-nav">
                    <li>
                        <a href="../../about.html">關於我們</a>
                    </li>
                    <li>
                        <a href="../../contract.html">會員條款</a>
                    </li>
                    <li>
                        <a href="../../privacy.html">隱私權政策</a>
                    </li>
                    <li>
                        <a href="../../regulation.html">遊戲管理規章</a>
                    </li>
                    <li>
                        <a href="../../contact.html">商務接洽</a>
                    </li>
                </ul>
            </div>
        </section>

        <section class="copyright">
            <div class="copyright-con">
                <p class="copyright-content">紅番茄愛娛樂股份有限公司 ©2020 Happy Tomato All Rights Reserved</p>

                <ul class="contact">
                    <li>
                        <a href="" class="line">line</a>
                    </li>
                    <li>
                        <a href="" class="facebook">facebook</a>
                    </li>
                </ul>
            </div>
        </section>
    </footer>
</body>
</html>
